import * as React from 'react';
import classNames from 'classnames';

export interface TextAreaProps {
	children?: React.ReactNode;
	className?: string;
	placeholder?: string;
	defaultValue?: string;
}

export interface TextAreaState {
	value: any;
	focused: boolean;
	/** `value` from prev props */
	prevValue: any;
}

class TextArea extends React.Component<TextAreaProps, TextAreaState> {
	renderInput = () => {
		const {
			children,
			className,
		} = this.props;
		const prefixCls = 'bh-input';
		const classString = classNames(
			prefixCls,
			className,
		);
		return <textarea className={classString} />
	}
	renderComponent = () => {
		return (this.renderInput());
	}
	render () {
		return <span>{this.renderComponent()}</span>
	}
};

export default TextArea;